$(function(){

    //为侧边栏的标签增加active
    function setSideActive()
    {
        for(var m=0;m<$('.sub_list').length;m++)
        {
            for(var n=0;n<$('.sub_list').eq(m).children('li').length;n++)
            {
                if( $('.sub_list').eq(m).children('li').eq(n).children('a').attr('href') .indexOf('shangpin_admin.html') >= 0 )
                {
                    $('.sub_list').eq(m).children('li').eq(n).removeClass('active');
                    $('#accordion h3').eq(m).attr('onOff',0);
                };
            };

        };
    };
    setSideActive();

    //页面初始化时 为一级菜单设置展开和对应的icon
    function setFirstUnfold()
    {
        for( var i=0;i<$('.sub_list').length;i++ )
        {
            if($('#accordion h3').eq(i).attr('onOff') == 1)
            {
                $('.sub_list').eq(i).hide();
                $('#accordion h3').eq(i).children('span').eq(0).addClass('icon_zuo')
            }
            else
            {
                $('.sub_list').eq(i).show();
                $('#accordion h3').eq(i).children('span').eq(0).addClass('icon_down')
            };
        };
    };
    setFirstUnfold();

    //为三级菜单增加active
    function setThirdSideActive()
    {
        for( var a = 0;a < $('.third_list').length;a++ )
        {
            for( var b=0;b<$('.third_list').eq(a).children('li').length;b++ )
            {
                if( $('.third_list').eq(a).children('li').eq(b).children('a').attr('href').indexOf('zhongyao.html') >= 0 )
                {
                    $('.third_list').eq(a).children('li').eq(b).addClass('active');
                    $('.li_span').eq(a).attr('onOff',1);
                };
            };
        };
    };
    setThirdSideActive();

    // 页面初始化时为为二级菜单设置展开和对应的icon
    function setSecondUnfold()
    {
        for( var i=0;i<$('.li_span').length;i++ )
        {
            if($('.li_span').eq(i).attr('onOff') == 0)
            {
                $('.third_list').eq(i).hide();
                $('.li_span').eq(i).addClass('icon_zuo')
            }
            else
            {
                $('.third_list').eq(i).show();
                $('.li_span').eq(i).addClass('icon_down')
            };
        };
    };
    setSecondUnfold();

    //下面这封装好的函数是获取URL中参数值的方法:
    (function($){
        $.getUrlParam = function(name)
        {
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r!=null) return unescape(r[2]); return null;
        }
    })(jQuery);

    // 页面初始化....将这个商品的id传递到函数当中获取接口中的数据...
    showData( $.getUrlParam('commondityId') );

    // 封装好的一个函数,,,用来回显接口当中的数据到页面当中........
    function showData(commondityId)
    {

        $.ajax({
            type:'post',
            headers: {"Accept-CMS-Token":token},
            url:shopcommondityone,
            dataType:'json',
            data:{
                commondityId:commondityId
            },
            success:successFn,
            error:function(){
                console.log('根据id查看商品详情接口请求失败');
            },
        });

    };

    // 调回显数据的接口请求成功之后,,,执行此函数...
    function successFn(data)
    {
        if(data.resultCode == 200)
        {
            var value = data.value.shopCommodity;

            // 将后台返回来的数据取其中一条...回显到页面当中...
            $('dl.number').append('<dd class="fl">'+value.number+'</dd>');

            $('dl.name').append('<dd class="fl">'+value.name+'</dd>');

            $('dl.price').append('<dd class="fl">'+value.price+'</dd>');

            $('dl.totalNum').append('<dd class="fl">'+value.totalNum+'</dd>');

            $('dl.modelName').append('<dd class="fl">'+value.modelName+'</dd>');

            $('dl.company').append('<dd class="fl">'+value.company+'</dd>');

            $('dl.alias').append('<dd class="fl">'+value.alias+'</dd>');

            $('dl.position').append('<dd class="fl">'+value.position+'</dd>');

            // 分类回显
            $('.getClassify').append('<dd class="fl project_width"><label><input type="radio" name="classify" value="'+value.categoryId+'" class="project" description="'+value.categoryName+'" checked>'+value.categoryName+'</label></dd>');
            // 标签回显
            var lableIdArr = value.lableId.split(',');
            var lableNameArr = value.lableName.split(',');
            if(lableIdArr.length == 1)
            {
                $('.getTag').append('<dd class="fl project_width"><label><input type="checkbox" name="tag" value="'+lableIdArr[0]+'" class="project" description="'+lableNameArr[0]+'" checked>'+lableNameArr[0]+'</label></dd>');
            }
            else
            {
                for(var m=0;m<(lableIdArr.length-1);m++)
                {
                    $('.getTag').append('<dd class="fl project_width"><label><input type="checkbox" name="tag" value="'+lableIdArr[m]+'" class="project" description="'+lableNameArr[m]+'" checked>'+lableNameArr[m]+'</label></dd>');
                };
            };
            //状态回显
            if( value.status == 1 )
            {
                $('dl.status').append('<dd class="fl">正常</dd>');
            }
            else
            {
                $('dl.status').append('<dd class="fl">售罄</dd>');
            };
            // 产地----省,市回显
            $('dl.province').append('<dd class="fl">'+value.areaProvinceName+'-'+value.areaCityName+'</dd>');
            // 规格回显
            $('dl.guiGe').append('<dd class="fl">'+value.specificationName+'</dd>');

            // 封面图片回显数据
            $('.wrap_fengMian div div img').attr( 'src',address + value.coverUrl );
            $('.wrap_fengMian div div img').css( 'height',300 );
            $('input[name = coverUrl]').val( value.coverUrl );

            $('dl.info').append('<dd class="fl">'+value.info+'</dd>');

            $('dl.shape').append('<dd class="fl">'+value.shape+'</dd>');

            $('dl.machining').append('<dd class="fl">'+value.machining+'</dd>');

            $('dl.taste').append('<dd class="fl">'+value.taste+'</dd>');

            $('dl.meridian').append('<dd class="fl">'+value.meridian+'</dd>');

            $('dl.effect').append('<dd class="fl">'+value.effect+'</dd>');

            $('dl.useing').append('<dd class="fl">'+value.useing+'</dd>');

            $('dl.taboo').append('<dd class="fl">'+value.taboo+'</dd>');


            console.log('根据id查看商品详情接口调通!!!!');
        }
        else if(data.resultCode == 515)
        {
            reLogin();
        }
    };



});